<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery.1.12.4.min.js"></script>
	<script src="js/global.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/swiper.animate1.0.2.min.js"></script>
	<title>福建省菌草开发工程协会</title>
</head>
<body style="background-color: #f5f5f5">
	<!-- 头部 -->
	<div class="header">
		<div class="head">
			<div class="inner clearfix">
				<div class="logo pull-left">
					<img src="images/icons/logo.png" alt="福建省菌草开发工程协会" class="cover">
				</div>
				<form action="" class="search-box pull-right">
					<input type="text" placeholder="SEARCH" name="search">
					<ul class="search-keys">
						<li><a href="">学习&培训</a></li>
						<li><a href="">新闻</a></li>
						<li><a href="">项目</a></li>
						<li><a href="">中文</a></li>
						<li><a href="">EN</a></li>
					</ul>
				</form>
			</div>
		</div>
		<!-- 导航栏 -->
		<ul class="menu-nav inner">
			<li class="active">
				<a href="" class="transl">关于我们</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">我们的任务</a></li>
						<li><a href="">我们的组织</a></li>
						<li><a href="">我们的团队</a></li>
					</ul>
				</div>
			</li>
			<li>
				<a href="" class="transl">我们的工作</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">工作的任务</a></li>
						<li><a href="">工作的组织</a></li>
						<li><a href="">工作的团队</a></li>
					</ul>
				</div>
			</li>
			<li>
				<a href="" class="transl">我们的影响</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">影响的任务</a></li>
						<li><a href="">影响的组织</a></li>
						<li><a href="">影响的团队</a></li>
					</ul>
				</div>
			</li>
			<li>
				<a href="" class="transl">国际合作</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">国际的任务</a></li>
						<li><a href="">国际的组织</a></li>
						<li><a href="">国际的团队</a></li>
					</ul>
				</div>
			</li>
			<li>
				<a href="" class="transl">多媒体图书馆</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">多媒体的任务</a></li>
						<li><a href="">多媒体的组织</a></li>
						<li><a href="">多媒体的团队</a></li>
					</ul>
				</div>
			</li>
			<li>
				<a href="" class="transl">联系我们</a>
				<div class="dropdown-nav">
					<ul>
						<li><a href="">联系的任务</a></li>
						<li><a href="">联系的组织</a></li>
						<li><a href="">联系的团队</a></li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
	<!-- 轮播 -->
	<div class="swiper-container banner">
	    <div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="images/temp/banner_1.jpg" alt="“绿色健康原生态​”" class="cover posa">
				<div class="inner content">
					<h1 class="ep ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s">“绿色健康原生态​”</h1>
					<p class="ep4 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">速生丰产林培育，国外森林资源开发，木竹及其制品、人造板、家具、木片、林化产品、林木种苗花卉等产品的生产销售及进出口，森林旅游、 森林食品药材及相关产品的经营贸易。</p>
				</div>
			</div>
			<div class="swiper-slide">
				<img src="images/temp/banner_3.jpg" alt="“2B小姐姐”" class="cover posa">
				<div class="inner content">
					<h1 class="ep ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s">“2B小姐姐【ヨルハ二号B型】”</h1>
					<p class="ep4 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ヨルハ二号B型，又称YoRHa No. 2 Type B、夜刃二号B型、寄叶二号B型、尤尔哈2B，声优为石川由依（曾为《进击的巨人》三笠·阿克曼配音），是《尼尔：机械纪元》主人公之一，是游戏剧情的核心人物，也是玩家角色能操纵的角色之一。尤尔哈2B是人类所派遣的作为步兵团成员的泛用战斗型机器人，外表为女性，因为她总是戴着大大眼罩（战术目镜），所以只能看到一点点脸</p>
				</div>
			</div>
			<div class="swiper-slide">
				<img src="images/temp/banner_4.jpg" alt="“A2小姐姐”" class="cover posa">
				<div class="inner content">
					<h1 class="ep ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s">“A2小姐姐【ヨルハA型二号】”</h1>
					<p class="ep4 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ヨルハA型二号 玩家可操控角色之一，会在游戏通过剧情中逐渐切换解锁角色。声优为诹访彩花，A型是YoRHa原型机器，主要擅长近战攻击。在2B型和9S型开发过程中，A型作为试验运行。性格上喜欢独立行事，话不多。</p>
				</div>
			</div>
			<div class="swiper-slide">
				<img src="images/temp/banner_5.jpg" alt="“2B小姐姐”" class="cover posa">
				<div class="inner content">
					<h1 class="ep ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s">“2B小姐姐【ヨルハ二号B型】”</h1>
					<p class="ep4 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ヨルハ二号B型，又称YoRHa No. 2 Type B、夜刃二号B型、寄叶二号B型、尤尔哈2B，声优为石川由依（曾为《进击的巨人》三笠·阿克曼配音），是《尼尔：机械纪元》主人公之一，是游戏剧情的核心人物，也是玩家角色能操纵的角色之一。尤尔哈2B是人类所派遣的作为步兵团成员的泛用战斗型机器人，外表为女性，因为她总是戴着大大眼罩，所以只能看到一点点脸</p>
				</div>
			</div>
			<div class="swiper-slide">
				<img src="images/temp/banner_6.jpg" alt="“2B小姐姐”" class="cover posa">
				<div class="inner content">
					<h1 class="ep ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s">“2B小姐姐【ヨルハ二号B型】”</h1>
					<p class="ep4 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">ヨルハ二号B型，又称YoRHa No. 2 Type B、夜刃二号B型、寄叶二号B型、尤尔哈2B，声优为石川由依（曾为《进击的巨人》三笠·阿克曼配音），是《尼尔：机械纪元》主人公之一，是游戏剧情的核心人物，也是玩家角色能操纵的角色之一。尤尔哈2B是人类所派遣的作为步兵团成员的泛用战斗型机器人，外表为女性，因为她总是戴着大大眼罩，所以只能看到一点点脸</p>
				</div>
			</div>
	    </div>
	    <!-- Add Pagination -->
	    <div class="swiper-pagination"></div>
		<script>
			var mySwiper = new Swiper ('.swiper-container', {
				autoplay: 5000,
				autoplayDisableOnInteraction : false,
				pagination: '.swiper-pagination',
				onInit: function(swiper){
					swiperAnimateCache(swiper);
					swiperAnimate(swiper);
				}, 
				onSlideChangeEnd: function(swiper){
					swiperAnimate(swiper);
				}
			})
		</script>
	</div>
	<!-- 研发项目 -->
	<div class="section-box inner">
		<div class="section-title__1">
			研发项目展示
		</div>
		<div class="project-list clearfix">
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-1.jpg" alt="减少贫困" class="cover"></div></a>
				<div class="title">减少贫困</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-2.jpg" alt="应对气候变化" class="cover"></div></a>
				<div class="title">应对气候变化</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-3.jpg" alt="雇佣女性" class="cover"></div></a>
				<div class="title">雇佣女性</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-4.jpg" alt="保护环境" class="cover"></div></a>
				<div class="title">保护环境</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-5.jpg" alt="使水稻更健康" class="cover"></div></a>
				<div class="title">使水稻更健康</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
			<div class="project-item transl">
				<a href=""><div class="img"><img src="images/temp/project-6.jpg" alt="增加粮食安全" class="cover"></div></a>
				<div class="title">增加粮食安全</div>
				<div class="con ep3">减贫是国际发展研究所的主要目标之一。通过IRRI和全球900多个合作伙伴的协调努力，我们已经取得了这个看似无法逾越的目标。</div>
			</div>
		</div>
		<div class="project-more">
			<a href="" class="transl">查看更多</a>
		</div>
	</div>
	<!-- 新闻和视频 -->
	<div class="section-box bgf">
		<div class="inner clearfix">
			<div class="new-center pull-left">
				<div class="title">新闻中心<a href="" class="center-more transl">查看更多</a></div>
				<div class="new-img"><img src="images/temp/new_1.jpg" alt="印度尼西亚农民因水稻育种而获得更多收益" class="cover"></div>
				<div class="new-list">
					<div class="new-item clearfix active" data-img="images/temp/new_1.jpg">
						<div class="new-title ep">印度尼西亚农民因水稻育种而获得更多收益</div>
						<div class="new-time">2017/10/25</div>
						<a href="" class="new-abstract">
							一个国际农业研究澳大利亚中心（ACIAR）研究着眼于1985年和2009年之间的国际水稻研究所（IRRI）的水稻育种工作的三个关键种植水稻的国家的影响和价值：印尼，越南和菲律宾。
						</a>
					</div>
					<div class="new-item clearfix" data-img="images/temp/new_2.jpg">
						<div class="new-title ep">水稻可持续性与粮食安全之间的联系</div>
						<div class="new-time">2017/10/25</div>
						<a href="" class="new-abstract">
							一个国际农业研究澳大利亚中心（ACIAR）研究着眼于1985年和2009年之间的国际水稻研究所（IRRI）的水稻育种工作的三个关键种植水稻的国家的影响和价值：印尼，越南和菲律宾。
						</a>
					</div>
					<div class="new-item clearfix" data-img="images/temp/new_3.jpg">
						<div class="new-title ep">气候智能水稻项目于2017年入围牛顿奖</div>
						<div class="new-time">2017/10/25</div>
						<a href="" class="new-abstract">
							一个国际农业研究澳大利亚中心（ACIAR）研究着眼于1985年和2009年之间的国际水稻研究所（IRRI）的水稻育种工作的三个关键种植水稻的国家的影响和价值：印尼，越南和菲律宾。
						</a>
					</div>
				</div>
				<script>
					 $(document).ready(function () {
						$('.new-item').bind('mouseenter', function() {
							$('.new-img img').attr('src',$(this).data('img'));
							$(this).addClass('active').siblings().removeClass('active');
						});
					});
				</script>
			</div>
			<div class="video-center pull-right">
				<div class="title">视频展示<a href="" class="center-more transl">查看更多</a></div>
				<iframe height=350 width=520 src="http://player.youku.com/embed/XMzA5MDk5OTcxMg==" frameborder=0 allowfullscreen></iframe>
			</div>
		</div>
	</div>
	<!-- 关于我们 -->
	<div class="section-box about-us">
		<div class="inner posr clearfix">
			<div class="title">关于我们</div>
			<div class="text">福建省菌草开发工程协会办公室地址位于海峡西岸经济区政治、经济、文化、科研中心，福建省会福州，福州 金山福建农学院内，于1997-05-23 在福州工商局注册成立，注册资本为18.000000万人民币（万元），公司已经公司发展壮大的20年，愿与社会各界同仁携手合作，谋求共同发展，继续为新老客户提供最优秀的产品和服务。我公司主要经营农业、渔牧业技术服务；生物药剂、保健食品研发及相关技术服务。(依法须经批准的项目，经相关部门批准后方可开展经营活动)，在职员工有6人，，我公司与多家福州农业服务业黄页零售商和代理商建立了长期稳定的合作关系，品种齐全、价格合理，企业实力雄厚，重信用、守合同、保证产品质量……</div>
			<div class="project-more"><a href="" class="transl">查看更多</a></div>
		</div>
	</div>
	<!-- 我们的项目 -->
	<div class="section-box bgf merit-box">
		<div class="inner clearfix">
			<div class="title">我们的项目</div>
			<div class="text-center fz14">致力于优化每个项目，打造中国环保行业领军企业保护环境使是我们每个人的责任和义务。</div>
			<div class="merit-list clearfix">
				<div class="merit-item"><a class="icon-box" href=""><i class="merit-icon"></i></a><div class="merit-name">工作</div></div>
				<div class="merit-item"><a class="icon-box" href=""><i class="merit-icon"></i></a><div class="merit-name">奖学金</div></div>
				<div class="merit-item"><a class="icon-box" href=""><i class="merit-icon"></i></a><div class="merit-name">成果</div></div>
				<div class="merit-item"><a class="icon-box" href=""><i class="merit-icon"></i></a><div class="merit-name">捐赠</div></div>
				<div class="merit-item"><a class="icon-box" href=""><i class="merit-icon"></i></a><div class="merit-name">合作</div></div>
			</div>
		</div>
	</div>
	<!-- 图书馆 -->
	<div class="section-box library-box">
		<div class="inner clearfix">
			<div class="title">多媒体图书馆</div>
			<div class="text-center fz14">致力于优化每个项目，打造中国环保行业领军企业保护环境使是我们每个人的责任和义务。</div>
			<div class="library-list clearfix">
				<a href="" class="library-item"><img src="images/temp/library_1.jpg" alt="" class="cover"></a>
				<a href="" class="library-item"><img src="images/temp/library_2.jpg" alt="" class="cover"></a>
				<a href="" class="library-item"><img src="images/temp/library_3.jpg" alt="" class="cover"></a>
			</div>
			<div class="project-more"><a href="" class="transl">查看更多</a></div>
		</div>
	</div>
	<!-- 联系我们留言板 -->
	<div class="section-box bgf contact-us">
		<div class="inner clearfix">
			<div class="title">联系我们</div>
			<form action="" class="form-horizontal pull-left">
				<div class="form-group">
					<div class="col-sm-6">
						<input type="text" id="name" class="form-input" required="" autocomplete="off">
						<label class="form-label transl" for="name">姓名：</label>
					</div>
					<div class="col-sm-6">
						<input type="text" id="phone" class="form-input" required="" autocomplete="off">
						<label class="form-label transl" for="phone">电话：</label>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-12">
						<textarea rows="3" id="msg" class="form-input" required="" autocomplete="off"></textarea>
						<label class="form-label transl" for="msg">留言：</label>
					</div>
				</div>
				<div class="form-group text-center">
					<button class="form-submit transl" type="submit">提交留言</button>
				</div>
				<script>
					$(document).ready(function(){
						$('#phone').onlyReg({reg: /[^0-9\-]/g});
						$('.form-input').on('blur focus',function() {
							$(this).addClass('focus');
							if ($(this).val() == '') $(this).removeClass('focus')
						});
					})
				</script>
			</form>
			<div class="pull-right contact-info">
				<b class="fz18">福建省菌草开发工程协会</b>
				<div class="info">
					<p>地址：福建省福州市仓山区金山省农大菌草开发公司</p>
					<p>电话：0591-12345678</p>
					<p>邮箱：jckf@163.com</p>
					<p>网址：www.jckf.cn</p>
				</div>
				<p>分享到社交网络</p><br>
				<!-- JiaThis Button BEGIN -->
				<div class="jiathis_style_32x32">
					<a class="jiathis_button_fb"></a>
					<a class="jiathis_button_tsina"></a>
					<a class="jiathis_button_tqq"></a>
					<a class="jiathis_button_weixin"></a>
					<a class="jiathis_button_qzone"></a>
					<a class="jiathis_button_renren"></a>
				</div>
				<script type="text/javascript">
				var jiathis_config = {data_track_clickback:'true'};
				</script>
				<script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js?uid=2136838" charset="utf-8"></script>
				<!-- JiaThis Button END -->
			</div>
		</div>
	</div>
	<!-- 底部链接版权 -->
	<div class="footer">
		<div class="inner clearfix">
			<div class="links-box text-center fz0">
				<div class="links fz14">
					<a href="">关于我们</a>
					<a href="">我们的工作</a>
					<a href="">我们的影响</a>
				</div>
				<div class="title">福建省菌草开发工程协会</div>
				<div class="links fz14">
					<a href="">国际合作</a>
					<a href="">多媒体图书馆</a>
					<a href="">联系我们</a>
				</div>
			</div>
			<div class="copyright">
				<p>福建省菌草开发工程协会&nbsp;&nbsp;&nbsp;备案号：闽ICP***********号</p>
				<p>技术支持：资海网路集团</p>
			</div>
		</div>
	</div>
</body>
</html>